html {
    font-size: 62.5%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    color: rgb(92, 17, 179);
    font-family: 'Montserrat', sans-serif;
    font-weight: lighter;    
}

h1 {
    font-size: 2.5rem;
    font-family: 'Lobster', sans-serif;
    font-weight: lighter;
}

h2 {
    font-size: 8rem;
    font-family: 'Lobster', sans-serif;
    font-weight: lighter;
}

h3 {
    font-size: 3.5rem;
}

h4 {
    font-size: 3rem;
}

p {
    font-size: 2.5rem;
}

li {
    font-size: 2rem;
}

a {
    color: white;
    text-decoration: none;
}

@import '_home';

/* 可视区域比例 */
@media (aspect-ratio: 3/2) {
    /* 设备屏幕比例 宽：高 */
    @media (device-aspect-ratio: 2/3) {
        /* 设备使用方向是水平方向landscape 垂直方向portrait */
        @media (orientation: landscape) {
            /* 
                height: 480px;可视窗口
                device-height: 280px;设备高度
            */
            @media screen and (max-resolution: 150dpi), screen and (-webkit-device-pixel-ratio: 1) {
                /* 输出的设备是屏幕screen 并且屏幕密度是150dpi
                 webkit核心浏览器 屏幕像素放大1倍
                */

            }
        }
    }
}

/* 屏幕宽度小于等于400px */
@media (max-width:400px){
    h1 {
        color: red;
    }
}

@media (max-width: 1080px) {
    h1 {
        color: rgb(93, 13, 223);
    }
}
